:global{
  p{
    margin: 0;
  }
}

.noTabPageContent{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    background: #fff;
    box-shadow: 0 0.04rem 0.08rem 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
    z-index: 10;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: .32rem;
    .left,.right{
      width: .6rem;
    }
    .title{
      flex: 1;
    }
  }
  .tabWrap {
    position: fixed;
    top: 1rem;
    left: 0;
    width: 100%;
    height: .65rem;
    z-index: 10;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    p{
      line-height: .65rem;
      flex-shrink: 0;
      width: 20%;
      text-align: center;
      font-size: .28rem;
    }
  }
  .content{
    margin-top: 1.65rem;
    flex: 1;
    overflow: auto;
    display: flex;
    flex-direction: column;
    .categoryDetail{
      padding: .2rem 0;
      background:#eee;
    }
    .categoryDetail>div {
      height: .6rem;
      line-height: .6rem;
      text-align: center;
      font-size: .3rem;
    }
    .categoryDetail>div:nth-child(2) {
      color: grey;
      height: .5rem;
      line-height: .5rem;
      font-size: .28rem;
    }
    .goodsList{
      flex: 1;
      display: flex;
      flex-wrap: wrap;
      dl{
        width: 50%;
        padding: .2rem;
        dt{
          img{
            width: 100%;
          }
        }
        dd{
          h4{
            text-align: center;
            font-size: .28rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          p{
            text-align: center;
            color: red;
          }
        }
      }
    }
  }
}

.active{
  color: #108ee9;
  border-bottom: .05rem solid #108ee9;
  z-index: 10;
}